//
//  _302_layout_special_[device].scss
// -----------------------------------------------------------------------------
//
//      Hier kommen spezielle Einstellung Device-Definitionen rein:
//          PHONEs
//



// Layout/Seitenaufteilung
// =============================================================================

/* Seiten-Inhalt */
#page-wrap {
    padding: 0 $magic-number-quarter-unit;
    width: 100%;
}

/* Kopf-Bereich */
.head {
    padding: 0 $magic-number-quarter-unit;
    .head-logo {
        width: 100%;
    }
    .head-finder {
        width: 100%;
    }
}



/* Statusleiste */
.statusbar {
    .statusbar-date {
        width: 100%;
    }
    .statusbar-kekse {
        width: 100%;
    }
}

/* Navigation */
.navibar {
    .navibar-list, .navibar-sublist {
        display: none;
        li {
            width: 100%;
        }
    }
    .navibar-list {
    }
    .navibar-sublist {
        margin: 0;
    }
    .navibar-trigger {
        display: block;
        a {
        }
    }
}

/* Content-Bereich */
.content-wrap {
    padding: 0;
    width: 100%;
}

/* Zusatzinfos in Seitenbereich */
.margin {
    padding: 0;
    width: 100%;
    .margin-sublist {
        display: none;
    }
}

/* Fussbereich */
.foot {
    width: 100%;
}



// Design-Anpassungen
// =============================================================================

/* Navigation */
.navibar {
    .navibar-list, .navibar-sublist {
        li {
            border-width: 0;
            &.aktiv {
                background: url("/images/default/bar-left.gif") no-repeat left center darken($color-bg-brand, 20%);
            }
        }
    }
    .navibar-list {
    }
}
